

# Button

The Button component is a simple button that can be used in different contexts. It has several visual parameters that can be customized.

## Class names

- `.dbv-kit-button` - the main class name for the button component.
- `.dbv-kit-button--primary` - the class name for the primary variant.
- `.dbv-kit-button--secondary` - the class name for the secondary variant.
- `.dbv-kit-button--danger` - the class name for the danger variant.
- `.dbv-kit-button--small` - the class name for the small size.
- `.dbv-kit-button--medium` - the class name for the medium size.
- `.dbv-kit-button--large` - the class name for the large size.
- `.dbv-kit-button--xlarge` - the class name for the extra large size.

---

- `.dbv-kit-button__icon` - the class name for the icon component.
- `.dbv-kit-button__icon--start` - the class name for the icon with placement="start".
- `.dbv-kit-button__icon--end` - the class name for the icon with placement="end".

Underlying components docs:  
[https://ariakit.org/reference/button](https://ariakit.org/reference/button)

### Props:

**variant**  
primary | secondary | danger

**size**  
small | medium | large | xlarge

**loading**  
boolean
